<div class="tab lf">
    <span class="no-activitie" routerLink="/login">
        < {{'login' | translate}} 
    </span> 
        
    <p style='margin-top: -3.5rem;text-align: center;font-size: 2.5rem;'>
        注册账号
    </p>
</div>

<div class="register-body">

    <div class="form-databody white-input">
        <form autocomplete="off" off [formGroup]="registerEmailForm" (ngSubmit)="onSave(registerEmailForm)">

            <div class="weui-cell weui-cell_vcode">
                <label for="">登录账号:</label>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" autocomplete="off" off
                        placeholder="{{'registerPage.input-mail' | translate}}" formControlName="loginId" />
                </div>
                <div class="weui-cell__ft"
                    *ngIf='!registerEmailForm.controls.loginId.valid && registerEmailForm.controls.loginId.dirty'><i
                        style="width: 2rem;margin-left: 1rem;" class="weui-icon-warn"></i></div>
            </div>

            <div class="weui-cell weui-cell_vcode">
                <label for="">验证码:</label>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="number" formControlName="verifyCode" name="verifyCode"
                        placeholder="{{'registerPage.input-mailCode' | translate}}" />
                </div>
                <div class="weui-cell__ft phone-btn">
                    <a (click)='toSendCode()'
                        *ngIf='!sendCodeType'>{{'registerPage.input-mailCode-get' | translate}}</a>
                    <a *ngIf='sendCodeType'>{{sendCodeNum}}{{'registerPage.second' | translate}}</a>
                </div>
                <div class="weui-cell__ft"
                    *ngIf='!registerEmailForm.controls.verifyCode.valid && registerEmailForm.controls.verifyCode.dirty'>
                    <i style="width: 2rem;margin-left: 1rem;" class="weui-icon-warn"></i></div>
            </div>

            <div class="weui-cell weui-cell_vcode">
                <label for="">手机号码:</label>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" autocomplete="off" off
                        placeholder="{{'registerPage.input-phone' | translate}}" formControlName="mobile" />
                </div>
                <div class="weui-cell__ft"
                    *ngIf='!registerEmailForm.controls.mobile.valid && registerEmailForm.controls.mobile.dirty'><i
                        style="width: 2rem;margin-left: 1rem;" class="weui-icon-warn"></i></div>
            </div>

            <div class="weui-cell weui-cell_vcode">
                <label for="">登录密码:</label>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="password" placeholder="{{'loginPage.input-password' | translate}}"
                        formControlName="loginPw" autocomplete="new-password" name="loginPw" />
                </div>
                <div class="weui-cell__ft" *ngIf='registerEmailForm.errors?.newConfirmPasswordError'><i
                        style="width: 2rem;margin-left: 1rem;" class="weui-icon-warn"></i></div>
            </div>

            <div class="weui-cell weui-cell_vcode">
                <label for="">确认密码:</label>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="password"
                        placeholder="{{'registerPage.input-rePassword' | translate}}" autocomplete="new-password"
                        formControlName="reLoginPw" name='reLoginPw' />
                </div>
                <div class="weui-cell__ft" *ngIf='registerEmailForm.errors?.newConfirmPasswordError'><i
                        style="width: 2rem;margin-left: 1rem;" class="weui-icon-warn"></i></div>
            </div>

            <div class="register-subbtn">
                <button weui-button disabled='{{!registerEmailForm.valid}}'>{{'registerPage.html4' | translate}}</button>
            </div>
            <div class="register-to-login">
                <a routerLink="/login">{{'registerPage.html3' | translate}}</a>
            </div>
        </form>
    </div>

</div>